<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>公告列表</title>
    <style>
         *{
            box-sizing: border-box;
        }
        html,body{
            margin: 0;
            padding: 0;
            border: 0;
            height: 100%;
            background: -webkit-linear-gradient(#494336, #262626); 
            background: -o-linear-gradient(#494336, #262626); 
            background: -moz-linear-gradient(#494336, #262626);
            background: linear-gradient(#494336, #262626); 
        }
      header{
          width: 100%;
          height: 1.2rem;
          background-color: #27231c;
          color: #d6d178;
          font-size: 0.346rem;
          text-align: center;
          line-height: 1.2rem;
          position: fixed;
          bottom: 0;
          z-index: 111;
      }
      header nav a{
          color: #d6d178;
          font-size: 0.4rem;
          text-decoration: none;
          -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
            -webkit-user-select: none;
            -moz-user-focus: none;
            -moz-user-select: none;
      }
    
      .list{
          background-color: #2e2b23;
          height: 100%;
          width: 9rem;
          margin: 0.3rem auto ;
          color: #d6d178;
          /* padding: 0.4rem; */
          padding: 0.4rem 0.2rem 0.6rem 0.2rem;
          box-sizing: border-box;
          position: relative;
          border-radius: 8px;
      }
      .list p{
          font-size: 0.373rem;
          margin: 0;
          padding: 0.3rem;
      }
      .Time{
          /* float: right; */
          font-size: 0.32rem;
          position: absolute;
          right: 0.2rem;
          bottom: 0.2rem;
      }
      .Time img{
          width:0.32rem;
          height: 0.32rem; 
          position: relative;
          top: 0.035rem;
      }
      .date{
          margin-right: 0.2rem;
      }
      .time{
          margin-right: 0.3rem;
      }
    </style>
</head>
<body>
         <header>
          <nav>
              <a href="javascript:history.back()">返回</a>
                <!-- <span>公告列表</span> -->
          </nav>
         </header>
        <main>
           <!-- js填充 -->
        </main>
<script src="__PUBLIC__/Home/js/jquery.js"></script>
	<script>
            $(document).ready(function() {
            jQuery.ajax({ 
                url: "{:U('Home/Index/tipList')}",
                type: "post",
                cache:false,
                // data: { "content":''},
                dataType: "json",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                success: function(req) {
                    console.log(req)
                console.log(req.content)
                console.log(req.content[0].content)
                var strHtml = ''
                for(var i = 0; i <req.content.length;i++){
                   strHtml += `<div class="list">
               <p>${req.content[i].title}：<span class="list-info">${req.content[i].content}</span></p>
               <div class="Time">
                   <img src="__PUBLIC__/Home/img/time.png" alt="">
                   <span class="date"></span>
                   <span class="time">${req.content[i].time}</span>
               </div>
           </div>`
                }
                $('main').html(strHtml)
                var myDate = new Date();  
                var date = myDate.getFullYear() + '/' + Number(myDate.getMonth()+1) + '/' + myDate.getDate();
                $('.date').html(date)
                },
                //请求出错处理。注意：有差错时才执行程序体，才会出现alert弹框
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                
                },
               
            });
            });
            </script>



    <script>
       ;
        (function (win, lib) {
            var doc = win.document;
            var docEl = doc.documentElement;
            var metaEl = doc.querySelector('meta[name="viewport"]');
            var flexibleEl = doc.querySelector('meta[name="flexible"]');
            var dpr = 0;
            var scale = 0;
            var tid;
            var flexible = lib.flexible || (lib.flexible = {});

            if (metaEl) {
                // console.warn('将根据已有的meta标签来设置缩放比例');
                var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
                if (match) {
                    scale = parseFloat(match[1]);
                    dpr = parseInt(1 / scale);
                }
            } else if (flexibleEl) {
                var content = flexibleEl.getAttribute('content');
                if (content) {
                    var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
                    var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
                    if (initialDpr) {
                        dpr = parseFloat(initialDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                    if (maximumDpr) {
                        dpr = parseFloat(maximumDpr[1]);
                        scale = parseFloat((1 / dpr).toFixed(2));
                    }
                }
            }
            if (!dpr && !scale) {
                var isAndroid = win.navigator.appVersion.match(/android/gi);
                var isIPhone = win.navigator.appVersion.match(/iphone/gi);
                var devicePixelRatio = win.devicePixelRatio;
                if (isIPhone) {
                    // iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
                    if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
                        dpr = 3;
                    } else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)) {
                        dpr = 2;
                    } else {
                        dpr = 1;
                    }
                } else {
                    // 其他设备下，仍旧使用1倍的方案
                    dpr = 1;
                }
                scale = 1 / dpr;
            }
            docEl.setAttribute('data-dpr', dpr);
            if (!metaEl) {
                metaEl = doc.createElement('meta');
                metaEl.setAttribute('name', 'viewport');
                metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale +
                    ', minimum-scale=' + scale + ', user-scalable=no');
                if (docEl.firstElementChild) {
                    docEl.firstElementChild.appendChild(metaEl);
                } else {
                    var wrap = doc.createElement('div');
                    wrap.appendChild(metaEl);
                    doc.write(wrap.innerHTML);
                }
            }

            function refreshRem() {
                var width = docEl.getBoundingClientRect().width;
                if (width / dpr > 750) {
                    width = 750 * dpr;
                }
                var rem = width / 10;
                docEl.style.fontSize = rem + 'px';
                flexible.rem = win.rem = rem;
            }
            win.addEventListener('resize', function () {
                clearTimeout(tid);
                tid = setTimeout(refreshRem, 100);
            }, false);
            win.addEventListener('pageshow', function (e) {
                if (e.persisted) {
                    clearTimeout(tid);
                    tid = setTimeout(refreshRem, 100);
                }
            }, false);
            if (doc.readyState === 'complete') {
                doc.body.style.fontSize = 12 * dpr + 'px';
            } else {
                doc.addEventListener('DOMContentLoaded', function (e) {
                    doc.body.style.fontSize = 12 * dpr + 'px';
                }, false);
            }

            refreshRem();
            flexible.dpr = win.dpr = dpr;
            flexible.refreshRem = refreshRem;
            flexible.rem2px = function (d) {
                var val = parseFloat(d) * this.rem;
                if (typeof d === 'string' && d.match(/rem$/)) {
                    val += 'px';
                }
                return val;
            }
            flexible.px2rem = function (d) {
                var val = parseFloat(d) / this.rem;
                if (typeof d === 'string' && d.match(/px$/)) {
                    val += 'rem';
                }
                return val;
            }
        })(window, window['lib'] || (window['lib'] = {}));
    </script>
</body>
</html>